<template>
  <view class="container">
    <view class="table">
      <view class="table-title">
        <view class="table-row">
          <view class="table-cell">开设院校</view>
          <view class="table-cell">专业等级</view>
        </view>
      </view>

      <view class="table-body">
        <view class="table-row" v-for="item in universityLevelList" :key="item.id">
          <view class="table-cell">{{item.name}}</view>
          <view class="table-cell">{{item.level}}</view>
        </view>
      </view>
    </view>
  </view>
</template>
  
<script>
import { universityLevelList } from '../data'
export default {
  data() {
    return {
      universityLevelList
    };
  },
  methods: {
  }
};
</script>
  
<style lang="less" scoped>
.container {
  padding: 30upx;
  background-color: white;
}

.table {
  .table-row {
    display: flex;

    .table-cell {
      text-align: center;
      width: 50%;
      border-bottom: 1upx solid #eaeaea;
      height: 60upx;
      line-height: 60upx;
      font-size: 26upx;
    }
  }

  .table-title {
    .table-cell {
      background-color: #f2f2f2;
      border: none;
    }
  }
}</style>